iT邦幫忙

2021 iThome 鐵人賽

DAY 7
1
Modern Web

網頁設計入門筆記系列 第 7

Day07項目列表(html)

  • 分享至 

  • xImage
  •  

項目列表

html常用到的列表清單分為這兩種

  • 無序的列表 (Unordered Lists)
  • 有序的列表 (Ordered Lists)

ul

這個標籤是用來表示一個沒有順序性的列表清單 所以它不需要有編號
舉例

<ul>
  <li>台北</li>
  <li>台中</li>
  <li>台南</li>
</ul>

把ul看成是列表的容器,而li描述容器裡個別的項目內容
https://ithelp.ithome.com.tw/upload/images/20210904/20129404OS80tJYcU6.jpg

ol

這個標籤是用來表示一個有順序性的列表清單 所以就會需要編號來標示
舉例

<ol>
  <li>汪大東</li>
  <li>李小龍</li>
  <li>賴小正</li>
  <li>陳小飛</li>
</ol>

把ol看成是列表的容器,而li描述容器裡個別的項目內容
https://ithelp.ithome.com.tw/upload/images/20210904/20129404qLui11pHk9.jpg


上一篇
Day06字體樣式(HTML)
下一篇
Day08超連結與圖片(HTML)
系列文
網頁設計入門筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Felix
iT邦研究生 2 級 ‧ 2021-09-26 02:12:59

我是比較常用 dl 啦,畢竟預設樣式不會很多,要改樣式也比較方便。

我要留言

立即登入留言